/**
 * 作者：吴浩鸿
 * 开发日期：2017/11/7
 * 描述：页面框架
 * 版权所有 违者必究
 * */

 var $$=function(){};
 $$.prototype={
     $id:function(id){
         return document.getElementById(id);
     },
     $tag:function(tag){
        return document.getElementsByTagName(tag)
     },
     ltrim:function(str){
        return str.replace(/(^\s*)/g,'');
    },
    //去除右边空格
    rtrim:function(str){
        return str.replace(/(\s*$)/g,'');
    },
    //去除空格
    trim:function(str){
        return str.replace(/(^\s*)|(\s*$)/g, '');
    },
    //arttemplate语法
    bindTemplate:function (tempalteId,data){
        var html = template(tempalteId, data);
        return html;
    },
    formateString:function(str, data){
        return str.replace(/@\((\w+)\)/g, function(match, key){
            return typeof data[key] === "undefined" ? '' : data[key]});
    },
    show:function(obj){obj.style.display="block";},
    hide:function(obj){obj.style.display="none";},
    //浏览器的scroll兼容
    scroll:function(){
        if(window.pageYOffset!=null){
            return {
                left:window.pageXOffset,
                top:window.pageYOffset
            }
        }
        else if(document.compatMode=="CSS1Compat")
        {
            return{
                left:document.documentElement.scrollLeft,
                top:document.documentElement.scrollTop
            }
        }
        return{
            left:document.body.scrollLeft,
            top:document.body.scrollTop
        }
    },
    animate:function(obj,target){
        clearInterval(obj.timer);
        var speed = obj.offsetLeft < target ? 15 : -15;  // 用来判断 应该 +  还是 -
        obj.timer = setInterval(function() {
            var result = target - obj.offsetLeft; // 因为他们的差值不会超过5
            obj.style.left = obj.offsetLeft + speed + "px";
            if(Math.abs(result)<=15)  // 如果差值不小于 5 说明到位置了
            {
                clearInterval(obj.timer);
                obj.style.left = target + "px";  // 有5像素差距   我们直接跳转目标位置
            }
        },30)
    }
 }
//实例化
 $$=new $$();
